<!DOCTYPE html>
<html lang="en">
<head>
    <meta content="IE=11.0000" http-equiv="X-Ua-Compatible">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">

    <title>获取项目信息</title>
    <!--region 引入公用js和css -->
    <link href="../assets/plugins/animate/animate.css" rel="stylesheet">
    <link href="../assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/base/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
    <link href="../assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/ditop/layout.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet"
          type="text/css"/>
    <link href="../assets/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.css"
          rel="stylesheet">
    <link href="../assets/plugins/bootstrap-toastr/toastr.css" rel="stylesheet">
    <link rel="stylesheet" href="../assets/plugins/sweetalert/sweetalert.css">
    <link rel="stylesheet" href="../assets/plugins/layer/theme/default/layer.css">
    <link href="../assets/plugins/select2/css/select2.min.css" rel="stylesheet">
    <link href="../assets/plugins/icheck/skins/flat/aero.css" rel="stylesheet">
    <link href="../assets/ditop/ditop.css" rel="stylesheet">
    <link href="../assets/ditop/style/ztree/style9/treestyle.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet">

    <link href="../assets/plugins/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="../assets/plugins/bootstrap-daterangepicker-extend/daterangepicker-ext.css" rel="stylesheet"
          type="text/css"/>

    <script src="../assets/plugins/jquery/jquery.min.js"></script>
    <script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="../assets/plugins/bootstrap-toastr/toastr.js"></script>
    <script src="../assets/plugins/art-template/template.js"></script>
    <script src="../assets/plugins/layer/layer.js"></script>
    <script src="../assets/ditop/ditop.js"></script>
    <!--endregion-->
    <link href="../assets/module/gcjsy/css/public.css" rel="stylesheet">
    <link href="privatestyle.css" rel="stylesheet">
</head>

<body class="min1280">
<div class="page-wrapper">

    <div class="page-header navbar">
        <div class="page-header-inner clearfix">
            <div class="logo pull-left">
                <a href="#"><img src="../assets/images/logo/logo.png" alt="logo" class="logo-default"> </a>
            </div>
            <div class="main-menu pull-left">
                <ul class="nav navbar-nav">
                    <li id="home">
                        <span>首页</span>
                    </li>
                    <li class="active-menu">
                        <div class="header-type">
                            <span>项目库</span>
                        </div>
                    </li>
                    <li>
                        <div class="header-type">
                            <span>政务大厅</span>
                        </div>
                    </li>
                    <li>
                        <div class="header-type">
                            <span>更多服务</span>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="top-menu pull-right">
                <ul class="nav navbar-nav">
                    <li><a href="#"><i class="dtFont dtFont-msg"></i><span class="badge badge-danger"> 9 </span></a>
                    </li>
                    <li><a href="#"><i class="dtFont dtFont-naozhong"></i><span class="badge badge-info"> 1 </span></a>
                    </li>
                    <li><a href="#"><i class="dtFont dtFont-gonggao"></i><span class="badge badge-info"></span></a></li>
                    <li><a href="#"><i class="dtFont dtFont-help"></i></a></li>


                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle user-info" data-toggle="dropdown" data-hover="dropdown"
                           data-close-others="true"><i class="dtFont dtFont-my_icon"></i></a>
                        <ul class="dropdown-menu dropdown-menu-default pull-right	">
                            <li class="profile">
                                <a href="javascript:;"> <i class="icon-user"></i> 个人中心</a>
                            </li>
                            <li class="changePassword">
                                <a href="javascript:;"> <i class="icon-key"></i> 修改密码</a>
                            </li>
                            <li class="feedBack">
                                <a href="javascript:;"> <i class="icon-bubbles"></i> 给管理员留言</a>
                            </li>
                            <li class="divider"></li>
                            <li class="logout">
                                <a href="javascript:;"> <i class="icon-close"></i>退出</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="page-container clearfix">

        <div class="structure-left">

            <section class="structure-item margin-bottom-20">
                <h2 class="title1 margin-bottom-5">1.获取项目信息</h2>
                <div class="plate-w">
                    <div class="s-top">
                        <span class="padding-top-10 inline-block margin-right-5">在工改系统已经报建的项目</span>
                        <div class="w500">
                          <div class="query-item input-group tig-search margin-bottom-5">
                            <input type="text" class="form-control" placeholder="请输入项目名称或编码">
                            <span class="input-group-btn">
                              <button class="btn btn-default" type="button">获取项目信息</button>
                            </span>
                          </div>
                        </div>
                        <p class="padding-top-15" style="padding-left: 180px">
                            <a class="underline" href="#">如何复制工改系统项目代码？点我查看</a>
                        </p>
                    </div>
                    <div class="s-bottom">
                        <span >我在旧版工程建设云已经有项目了， <a href="#" class="violet underline">直接点我获取项目信息</a></span>
                    </div>

                </div>
            </section>


            <section class="structure-item">
                <h2 class="title1 margin-bottom-5">3.我要办理业务</h2>
                <ul class="clearfix syu">
                    <li class="plate-w">
                        <div class="structure-tub"></div>
                        <h3 class="title2 text-center">工程建设许可阶段</h3>
                        <p>办理施工图报审和消防设计审查，需先进行勘察，设计发包，设计单位登记单体信息后，系统将信息推送至消防云，再登录消防云进行系统办理</p>
                        <div class="sd">
                            <a class="go-btn " href="javascript:;">查看数据推送到消防云情况</a>
                        </div>


                    </li>
                    <li class="plate-w">
                        <div class="structure-tub"></div>
                        <h3 class="title2 text-center">施工许可阶段</h3>
                        <p>办理施工许可证，需先进行施工、监理发包，系统将信息推送至工改系统，在登录工改系统进行办理</p>
                        <div class="sd">
                            <a class="go-btn" href="javascript:;">查看数据推送到工改系统情况</a>
                        </div>
                    </li>
                    <li class="plate-w">
                        <div class="structure-tub"></div>
                        <h3 class="title2 text-center">竣工验收阶段</h3>
                        <p>建议补充一点文字，没文字不好做设计建议补充一点文字，没文字不好做设计</p>
                        <div class="sd">
                            <a class="go-btn go-btn-dark" href="javascript:;">办理安全监督终止业务</a>
                            <a class="go-btn margin-top-15 go-btn-dark" href="javascript:;">办理质量竣工验收</a>
                        </div>

                    </li>
                </ul>
            </section>
        </div>

        <div class="structure-right">

            <div class="ss-top">
                <h2 class="title1 margin-bottom-5">2.项目承发包</h2>
                <ul class="process-items">

                    <li class="process-item">
                        <i class="in-ranges in-ranges1"></i>
                        <span>项目发包</span>
                        <a href="javascript:;" class="helf">去发包</a>
                    </li>

                    <li class="process-item">
                        <i class="in-ranges in-ranges2"></i>
                        <span>等待承包单位登录系统完善工程信息</span>
                    </li>

                    <li class="process-item">
                        <i class="in-ranges in-ranges3"></i>
                        <span>确认发包信息</span>
                        <a href="javascript:;" class="helf">去确认</a>
                    </li>


                </ul>

                <div class="accor">
                    <p>办理审图机消防协审之前，勘察、设计发包</p>
                    <p>办理施工许可证、安全监督终止，竣工验收和竣工验收备案之前，施工、监理发包</p>
                    <a href="#" class="underline">点我查看详细发包流程指引</a>
                </div>
            </div>


            <ul class="structure-br">
                <li class="structure-br-item">
                    <a href="#">
                        <i style="background-position: 0 0"></i>
                        <span>我的项目</span>
                    </a>
                </li>
                <li class="structure-br-item">
                    <a href="#">
                        <i style="background-position: -64px 0"></i>
                        <span>发包的工程</span>
                    </a>
                </li>
                <li class="structure-br-item">
                    <a href="#">
                        <i style="background-position: -128px 0"></i>
                        <span>项目档案</span>
                    </a>
                </li>
                <li class="structure-br-item">
                    <a href="#">
                        <i style="background-position: 0 -64px"></i>
                        <span>审查合格书</span>
                    </a>
                </li>
                <li class="structure-br-item">
                    <a href="#">
                        <i style="background-position: -64px -64px"></i>
                        <span>施工许可证</span>
                    </a>
                </li>
                <li class="structure-br-item">
                    <a href="#">
                        <i style="background-position: -128px -64px"></i>
                        <span>竣工验收备案凭证</span>
                    </a>
                </li>
            </ul>


        </div>

    </div>
</div>

<script>

</script>

<!--region 引入公用js和css -->
<script src="../assets/plugins/sweetalert/sweetalert.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/js.cookie.min.js"></script>
<script src="../assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script src="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.js"></script>
<script src="../assets/plugins/moment.min.js"></script>
<script src="../assets/plugins/bootstrap-daterangepicker/daterangepicker.min.js"></script>
<script src="../assets/plugins/counterup/jquery.waypoints.min.js"></script>
<script src="../assets/plugins/counterup/jquery.counterup.min.js"></script>
<script src="../assets/plugins/fullcalendar/fullcalendar.js"></script>
<script src="../assets/plugins/horizontal-timeline/horizontal-timeline.js"></script>
<script src="../assets/plugins/jquery.sparkline.min.js"></script>
<script src="../assets/plugins/select2/js/select2.js"></script>
<script src="../assets/plugins/select2/js/i18n/zh-CN.js"></script>
<script src="../assets/plugins/ztree/jquery.ztree.all.js"></script>
<script src="../assets/plugins/jquery-form/jquery.form.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.placeholder.min.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/plugins/jquery-validator/localization/messages_zh.js"></script>
<script src="../assets/plugins/jquery-validator/additional-methods.js"></script>
<script src="../assets/plugins/bootstrap-growl/jquery.bootstrap-growl.js"></script>
<script src="../assets/plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="../assets/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<script src="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.js"></script>
<script src="../assets/base/scripts/app.js"></script>
<script src="../assets/base/scripts/theme.js"></script>
<script src="../assets/ditop/ditop-addition.js"></script>
<script src="../assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="../assets/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"
        type="text/javascript"></script>
<script type="text/javascript" src="../assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"
        charset="UTF-8"></script>
<script type="text/javascript"
        src="../assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        charset="UTF-8"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/ditop/layout.js"></script>
<script src="../assets/module/gcjsy/js/content.js"></script>
</body>
</html>
